<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>三国霸业</title>
        <link rel="stylesheet" type="text/css" href="baye.css" />
        <link rel="icon" href="favicon.png">
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
        <script>
        if (window.location.pathname == '/baye') {
            window.location = '/baye/'
        }
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "//hm.baidu.com/hm.js?55cdc246d0c836cecfdf39ce0d5657f3";
          var s = document.getElementsByTagName("script")[0];
          s.parentNode.insertBefore(hm, s);
        })();
        </script>
        <script src="js/jquery.min.js"></script>
        <script src="js/lcd.js?ver=10"></script>
        <style>
            .index-tip {
                color: red;
            }
            select {
                font-size: 16px;
            }
            .config-item {
                margin-top: 8px;
            }
        </style>
    </head>
    <body >
        <div class="container" style="margin-top:2px">
            <button class="btn menu" type="button" onclick="location='choose.html';">选择版本</button>
        </div>
        <div class="container" style="margin-top:2px">
            <button class="btn menu" type="button" onclick="redirect()">进入游戏</button>
        </div>
        <div class="container" style="margin-top:2px">
            <button class="btn menu" type="button" onclick="location='get-sav.html';">传送存档</button>
        </div>
        <div>
            <div class="config-item">
                操作模式:
                <select name="" id="mode-select">
                    <option value="0">横屏&触控</option>
                    <option value="1">竖屏&键盘</option>
                    <option value="2">横屏&手势</option>
                </select>
            </div>
            <div class="config-item">
                分辨率:
                <select name="" id="resolution-select">
                    <option value="0">4988</option>
                    <option value="1">加大</option>
                </select>
            </div>
            <div class="config-item">
                像素锐化:
                <select name="" id="clear-select">
                    <option value="0">禁用</option>
                    <option value="1">启用</option>
                </select>
            </div>
            <div class="config-item">
                交流QQ群: 526266208<br>
                注意: Android QQ内置浏览器BUG会导致触控失灵.
            </div>
        </div>
        <script>
                $(function(){
                    function bind(id, key) {
                        $(id).val(window.localStorage[key] || '0');
                        $(id).change(function () {
                            window.localStorage[key] = $(this).val();
                        });
                    }
                    bind("#mode-select", "baye/mpage");
                    bind("#resolution-select", "baye/resolution");
                    bind("#clear-select", "baye/clearmode");
                });
            </script>
    </body>
</html>
